import React from 'react';
import './CommoditySpecifications.css'

const CommoditySpecifications = (props) => {

    const courierFees = props.courierFees
    const deliveryAddress = props.deliveryAddress
    return (
        <div className='commoditySpecifications-container'>
            <div className="specification-select specification-item">
                <div className='specification-represent'>选择</div>
                <div className='specification-express'>规格</div>
                <div className='iconfont'>&#xe629;</div>
            </div>
            <div className="specification-deliver specification-item">
                <div className='specification-represent'>发货</div>
                <div className='specification-express'>
                    <span>{deliveryAddress} | 快递:{courierFees}</span>
                    <span>付款后48小时内发货</span>
                </div>
                <div className='iconfont'>&#xe629;</div>
            </div>
            <div className="specification-guarantee specification-item">
                <div className='specification-represent'>保障</div>
                <div className='specification-express'>
                    <span>平台认证的好体验商品 </span>
                    <span>大牌好货 . 假一赔十 . 一键售后</span>
                </div>
                <div className='iconfont'>&#xe629;</div>
            </div>
            <div className="sepcification-active specification-item">
                <div className='specification-represent'>活动</div>
                <div className='specification-express'>
                    <span>最多送400元，全店通用更划算</span>
                </div>
                <div className='iconfont'>&#xe629;</div>
            </div>
            <div className="specification-parameter specification-item">
                <div className='specification-represent'>参数</div>
                <div className='specification-express'>
                    <span>品牌 售后服务...</span>
                </div>
                <div className='iconfont'>&#xe629;</div>
            </div>
        </div>
    );
}

export default CommoditySpecifications;
